<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<title>丝路广惠-首页</title>
		<link href="//cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../src/css/base.css?1.0" />
	</head>

	<body>

		<header class="head-outer">
			<div class="flexs">
				<i class="head-l-i iconfont icon-one"></i>
				<a href="searchs.html?Belong=Given" class="head-r" id="searchs">
					<i class="iconfont icon-sousuo"></i><span>寻找宝贝</span>
				</a>
			</div>
		</header>

		<!--轮播图-->
		<div class="swiper-container ">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="javascript:void(0)"><img class="w100" src="http://image.siluguanghui.com/Image/big/AppGivenBanners/2017010981ad9d5a-21e0-415f-ab2e-73c0257be460.jpg"></a>
				</div>
				<div class="swiper-slide">
					<a href="javascript:void(0)"><img class="w100" src="http://image.siluguanghui.com/Image/big/AppGivenBanners/20170109ab876e23-3b55-4b4b-8561-75cb37099944.jpg"></a>
				</div>
			</div>
			<div class="swiper-pagination"> </div>
		</div>

		<nav class="flexs-bw centre setup-btm">
			<a class="flex1 padi5m" href="javascript:void(0);">
				<img class="w100 padi5m" src="../../src/images/tu-iocnj.png">
				<h4>充值</h4>
			</a>
			<a class="flex1 padi5m" href="javascript:void(0);">
				<img class="w100 padi5m" src="../../src/images/icon-ugr.png">
				<h4>会员升级</h4>
			</a>
			<a class="flex1 padi5m" href="javascript:void(0);">
				<img class="w100 padi5m" src="../../src/images/tu-iocnl.png">
				<h4>积分商城</h4>
			</a>
			<a class="flex1 padi5m" href="javascript:void(0);">
				<img class="w100 padi5m" src="../../src/images/tu-iocnz.png">
				<h4>线下商城</h4>
			</a>
			<a class="flex1 padi5m" href="homeclassify.html?type=1&Belong=Given">
				<img class="w100 padi5m" src="../../src/images/tu-iocnx.png">
				<h4>分类</h4>
			</a>
		</nav>

		<!--好店推荐 模板添加-->
		<h1 class="centre top1rem s15m">好店推荐</h1>
		<div id="guess-box" class="flex-wr"> 
			
		</div>

		<!--精选市场--> 
		<h1 class="centre s15m huef36">
            —— <!--<img src="../../src/images/icon_jingxuan@2x.png" />--> 精选市场  ——
        </h1>
		<div class="flexs">
			<img class="market-m padi5m" src="http://image.siluguanghui.com/Image/big/AppGivenSell/20170113b28bf5a4-5106-4d4a-ab8b-33b74a976d04.jpg" />
			<img class="market-m padi5m" src="http://image.siluguanghui.com/Image/big/AppGivenSell/20170113647c2292-a06c-4cf5-a459-fd952f4501c2.jpg" />
		</div>

		<!--楼层循环 模板添加-->
		<div id="floors" class="btm4rem"> </div>

		<!--底部导航 -->
		<div class="bottom-nav">
			<div class="sc-box">
				<a href="homeintegral.html?type=2"><img src="../../src/images/button_jifenshangcheng.png" /></a>
				<a href="homeoffline.html?type=2"><img src="../../src/images/button_xianxiashangcheng.png" /></a>
			</div>
			<footer  class="centre flexs-al setup-u">
				<a class="flex1" href="index.html?type=0">
					<i class="iconfont icon-five"></i>
					<p>首页</p>
				</a>
				<a class="flex1" href="homeclassify.html?type=1">
					<i class="iconfont icon-one"></i>
					<p>分类</p>
				</a>
				<a class="flex1"  href="javascript:void(0)" id="slicksShop" index=0 >
					<div class="switch">
						<img src="../../src/images/button_close.png" />
					</div>
					<div class="switch">
						<i class="iconfont icon-four"></i>
						<p>丝路商城</p>
					</div>
				</a>
				<a class="flex1" href="../order/index.html?type=3">
					<i class="iconfont icon-three"></i>
					<p>购物车</p>
				</a>
				<a class="flex1" href="../center/index.html?type=4">
					<i class="iconfont icon-anonymity"></i>
					<p>我的</p>
				</a>
			</footer>
		</div>

		<script type="text/html" id="guess-boxs">
			 
				{{# for(var i = 0; i
				< d.PageData.length; i++){ }} <a class="w50 padi5m" href="homestore.html?{{d.PageData[i].HandPick_LinkeID}}">
					<img class="w100" src={{d.img}}{{d.PageData[i].Image_Url}} />
					<h4 class="padi5m">{{d.PageData[i].HandPick_Name}}</h4>
					</a>
					{{# } }} 
		</script>

		<script type="text/html" id="floor">
			{{# for(var i = 0; i < d.PageData.length; i++){ }} 
				<div class="btm1rem">
					<img class="w100" src={{d.img}}{{d.PageData[i].Image_Url}} />
					<div class="flexs">
						<figure class="floor-inner-l">
							<img class="w100" src={{d.img}}{{d.PageData[i].Floor_Banners[0].Image_Url}} />
						</figure>
						<div class="floors-inner-r flex-wr">
							{{# for(var j = 0; j
							< d.PageData[i].Floor_Product.length; j++){ }} 
								<a class="floors-inner-a" href="../order/details.html?typeID={{d.PageData[i].Floor_Product[j].Product_ID}}">
								  	<figure class="line-ht">
								  		<img class="w100" src={{d.img}}{{d.PageData[i].Floor_Product[j].Image_Url}} />
								  	</figure>
								  
								<div class="floors-inner-tag">
									<h4 class="huefff aline pad-lr">{{d.PageData[i].Floor_Product[j].Product_Name}}</h4>
									<strong class="huef36">￥{{d.PageData[i].Floor_Product[j].Model_PriceCash}}</strong>
								</div>
								</a>
								{{# } }}
						</div>
					</div>
				</div>
				{{# } }}
		</script>
		
		<script src="http://apps.bdimg.com/libs/laytpl.js/1.1/laytpl.js"></script>
		<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
		<script src="//cdn.bootcss.com/layer/3.0.1/mobile/layer.js"></script>
		<script src="../../src/js/all.js" type="text/javascript" charset="utf-8"></script>
		<script>
			silks.temp(["#guess-boxs", "#guess-box"], "/Home/GetHomeHandPick", {
				Belong: "AppGiven"
			}); // 好店推荐
			silks.temp(["#floor", "#floors"], "/Home/GetHomeFloor", {
				Belong: "AppGiven"
			});
		</script>
		<script>
			silks.fooChoo(); // 商城选择点击
			var mySwiper = new Swiper('.swiper-container', {
				pagination: '.swiper-pagination',
				autoplay: 5000,
				observer: true,
				observeParents: true,
			});
			mySwiper.update(true);
		</script>
	</body>

</html>